.online_func {

	position: fixed;

	right: 0px;

	top: 50%;

	width: 80px;

	transform: translateY(-50%);

	z-index: 50

}

 @media(max-width:990px) {

.online_func {

	position: fixed;

	top: auto;

	right: 0;

	bottom: 0;

	left: 0;

	width: auto;

	transform: none

}

}

.online_func .online_list {

}

.online_func .online_list .online_item {

	display: block;

	position: relative;

	height: 70px;

	padding: 1px 0;

	color: #666;

	font-size: 13px;

	background: #F3F3F3;

	margin: 1px 0;

	text-align: center;

	transition: all ease .4s

}

.online_func .online_list .online_item.online_phone {

	display: none

}

 @media(max-width:990px) {

.online_func .online_list .online_item.online_wechat {

	display: none

}

}

 @media(max-width:990px) {

.online_func .online_list .online_item.online_phone {

	display: block

}

}

 @media(max-width:990px) {

.online_func .online_list .online_item {

	float: left;

	width: 33.33%;

	margin: 0;

	height: 60px;

}

}

.online_func .online_list .online_item:hover {

	color: #fff;

	background: #355571

}

.online_func .online_list .online_item .online_symbol {

	display: block;

	margin: 7px 0 3px;

}

 @media(max-width:900px) {

.online_func .online_list .online_item .online_symbol {

	height: 33px;

	margin: 3px 0 0

}

}

.online_func .online_list .online_item .online_symbol .ico.ico_tencent {

	display: inline-block;

	width: 27.3px;

	height: 30px;

	background: url(../images/online/online_func_ico_tencent.png);

	background-size: 100%;

}

.online_func .online_list .online_item .online_symbol .ico.ico_baidu {

	display: inline-block;

	width: 35px;

	height: 35px;

	background: url(../images/online/online_func_ico_baidu.png);

	background-size: 100%;

}

.online_func .online_list .online_item .online_symbol .ico.ico_barcode {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: url(../images/online/online_func_ico_barcode.png);

	background-size: 100%;

}

.online_func .online_list .online_item .online_symbol .ico.ico_phone {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: url(../images/online/online_func_ico_phone.png);

	background-size: 100%;

}

.online_func .online_list .online_item .online_symbol .ico.ico_backtop {

	display: inline-block;

	width: 18.3px;

	height: 30px;

	background: url(../images/online/online_func_ico_backtop.png);

	background-size: 100%;

}

.online_func .online_list .online_item .online_wnd {

	display: none;

	position: absolute;

	top: 50%;

	right: 100%;

	width: 160px;

	height: 160px;

	margin: -6px 7px -6px -6px;

	padding: 6px 15px 6px 6px;

	transform: translateY(-50%);

	background: url(../images/online/online_wnd_bg.png)

}

 @media(max-width:900px) {

.online_func .online_list .online_item .online_wnd {

	top: auto;

	bottom: 100%;

	right: 50%;

	margin: 0 0 10px;

	padding: 0;

	transform: translate(50%, 0);

	background: #fff;

	box-shadow: 0 0 7px rgba(115,115,115,.72)

}

}

.online_func .online_list .online_item .online_wnd .online_wnd_content {

	text-align: center;

	line-height: 160px

}

.online_func .online_list .online_item .online_wnd .online_wnd_content .barcode_img {

	vertical-align: middle

}

.online_func .online_list .online_item:hover .online_wnd {

	display: block

}

.online_func .online_list .online_item:hover .online_symbol .ico.ico_barcode {

	background: url(../images/online/online_func_ico_barcode_on.png);

	background-size: 100%;

}

.online_func .online_list .online_item:hover .online_symbol .ico.ico_phone {

	background: url(../images/online/online_func_ico_phone_on.png);

	background-size: 100%;

}

.online_func .online_list .online_item:hover .online_symbol .ico.ico_backtop {

	background: url(../images/online/online_func_ico_backtop_on.png);

	background-size: 100%;

}

.online_page_holder {

	display: none

}

 @media(max-width:500px) {

.online_page_holder {

	display: block

}

}